<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/jsp/common/common.jsp" %>
</head>
<body>

	<div id="mainNorth" class="north">
	    <div class="north-left fl"></div>
	    <div class="north-center fl"></div>
		<div class="north-right fr">
		   <div class="north-right-name">Good Day <span id="nameSpan">Bladnir</span></div>
		   <div class="north-right-function">
		   		<label id="logoutLabel"><em class="icon-shutdown"></em><span>logOff</span></label>
		   </div>
		</div>
		<form action=""></form>
	</div>
	
	<div id="mainCenter" class="center">
	  <!-- center-left -->
	  <div class="center-left">
	     <div class="side-nav">
	          <div class="side-nav-head"><span>首页</span></div>
	          <div class="side-nav-content">
          		<div class="side-nav-tablelist">
		              <h2><em class="nav-close"></em>起草区</h2>
		              <ul class="side-nav-ul">
		                  <li class="li-unselect" content="<%=basePath%>/smp/document/showDocument.do?processDefinitionId=PD-003&documentType=draft&version=1&domainId=DM-001">
		                  	<label>短信群发申请</label>
	                  	  </li>
		              </ul>
		          </div>
		          <div class="side-nav-tablelist">
		              <h2><em class="nav-close"></em>我的工作</h2>
		              <ul class="side-nav-ul">
		                  <li class="li-unselect"><label>我的待办<span class="side-nav-num">28</span></label></li>
		                  <li class="li-unselect"><label>我的已办（已结束）</label></li>
		                  <li class="li-unselect"><label>我的已办（未结束）</label><span class="side-nav-num">7</span></li>
		                  <li class="li-unselect"><label>我的草稿</label><span class="side-nav-num">3</span></li>
		              </ul>
		          </div>
		          
		          <div class="side-nav-tablelist">
		              <h2>权限管理<em class="nav-close"></em></h2>
		              <ul class="side-nav-ul">
		                  <li class="li-unselect"><label>页面导航配置</label></li>
		                  <li class="li-unselect"><label>管理员配置</label></li>
		                  <li class="li-unselect"><label>角色资源配置</label></li>
		              </ul>
		          </div>
		          
		          <div class="side-nav-tablelist">
		              <h2>人员组织架构<em class="nav-close"></em></h2>
		              <ul class="side-nav-ul">
		              	  <li class="li-unselect"><label>域信息</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/biz/ou/employee/showEmployeeManage.do"><label>人员管理</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/biz/ou/employee/showPositionManage.do"><label>职务管理</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/biz/ou/org/showOrganizationManage.do"><label>组织机构管理</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/biz/ou/org/showOrganizationLevelManage.do"><label>组织机构级别管理</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/biz/ou/group/showGroupManage.do"><label>群组管理</label></li>
		              </ul>
		          </div>
		          
		          <div class="side-nav-tablelist">
		              <h2>流程管理<em class="nav-close"></em></h2>
		              <ul class="side-nav-ul">
		                  <li class="li-unselect" content="<%=basePath%>/biz/workflow/processDefinition/showDefinition.do"><label>流程定义设计</label></li>
		                  <li class="li-unselect"><label>流程维护</label></li>
		                  <li class="li-unselect"><label>流程运行监控</label></li>
		              </ul>
		          </div>
		          
		          <div class="side-nav-tablelist">
		              <h2>系统监控和维护<em class="nav-close"></em></h2>
		              <ul class="side-nav-ul">
		                  <li class="li-unselect" content="<%=basePath%>/webframework/monitor/systemMonitor/baseInfo.do"><label>概要信息</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/webframework/monitor/systemMonitor/threadPool.do"><label>线程信息</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/webframework/monitor/logManage/showSystemLog.do"><label>系统日志</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/webframework/monitor/systemMonitor/configView.do"><label>系统配置信息</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/webframework/monitor/connectionPool/showConnectionPool.do"><label>数据库连接池</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/webframework/sqlExcute/showSqlExcute.do"><label>SQL</label></li>
		              </ul>
		          </div>
		          <div class="side-nav-tablelist">
		              <h2>定时调度<em class="nav-close"></em></h2>
		              <ul class="side-nav-ul">
		                  <li class="li-unselect" content="<%=basePath%>/webframework/scheduler/showOverview.do"><label>概要信息</label></li>
		                  <li class="li-unselect" content="<%=basePath%>/webframework/scheduler/showJobList.do"><label>任务列表</label></li>
		              </ul>
		          </div>
	          </div>
	     </div>
	  </div>
	  <!-- center-left -->
	  
	  <!-- center-middle -->
	  <div class="center-middle">
	    <table class="icon-v-center">
          <tr>
            <td align="left" valign="middle" ><em class="icon-left-arrow"></em></td>
          </tr>
        </table>
	  </div>
	  <!-- center-middle -->
	  
	  <!-- center-right -->
	  <div class="center-right">
	      <iframe width="100%" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"  src="<%=basePath%>/webframework/dashboard/showMainPage.do"  id="mainIFrame"></iframe>
	  </div>
	  <!-- center-right -->
	</div>
	<div id="mainSouth" class="south tac">Copyright © 与龙共舞 All Rights Reserved.</div>

	<script type="text/javascript">
		$(document).ready(function() {
			var bodyHt = document.documentElement.clientHeight;
			var bodyhei = bodyHt - 35-86-4;
			$('#mainCenter').height(bodyhei);
			$('.center-left').height(bodyhei-10);
			$('.center-right').height(bodyhei-10);
			$('.center-middle').height(bodyhei-10);
			$('.side-nav-content').height(bodyhei-55);
			$('#mainIFrame').height(bodyhei-11);
			testGundong();
			blindDraw1();
			blindTopMenu();
			blindLogout();
		});
		
		function testGundong(){
			
			$('.side-nav-tablelist').each(function(index,entry){
				
				//点击title事件
				$(entry).find('h2').on('click',function(){
					var emObj = $(this).find('em');
					if($(emObj).attr('class') == 'nav-close'){
						$(emObj).removeClass('nav-close');
						$(emObj).addClass('nav-open');
						$(entry).find('ul').slideUp(300);
					}else{
						$(emObj).removeClass('nav-open');
						$(emObj).addClass('nav-close');
						$(entry).find('ul').slideDown(300);
					}
				});
				
				
				//点击li事件
 				$(entry).find('li').on('click',function(){
					$('.side-nav-content').find('li').removeClass('li-select').addClass('li-unselect');
					$(this).removeClass('li-unselect').addClass('li-select');
					if($(this).attr('content')){
						$('#mainIFrame').attr('src',$(this).attr('content'));
					}
				}); 
				
			});
		}
		
		
		
		function blindDraw1(){
		
		   $('.icon-v-center').on('click',function(){
		   
		   	if($('.center-left').css('display') != 'none'){
		   		 $('.icon-left-arrow').removeClass('icon-left-arrow').addClass('icon-right-arrow');
		         $('.center-left').hide().width('0%');
		         $('.center-right').width('98%');
		   	}else{
		   		 $('.icon-right-arrow').removeClass('icon-right-arrow').addClass('icon-left-arrow');
		   		 $('.center-left').show().width('17%');
		         $('.center-right').width('81%');
		   	}
		   	    
		   });
		}
		
		function blindTopMenu(){
			$('.top-menu').find('span').each(function(index,entry){
				$(entry).on('click',function(){
					$(this).siblings().removeClass('top-menu-current');
					$(this).addClass('top-menu-current');
				});
			});
		 
		}
		
		function blindLogout(){
			$('#logoutLabel').on('click',function(){
				$('form').attr('action','<%=basePath%>/security/logout');
				$('form').submit();
			});
		}
		
	</script>
</body>
</html>